<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <!-- 
            Replace path to template, title, header and body
            with actual data.
    -->
    <ui:composition template="/templates/template.xhtml">
        <ui:define name="pageTitle">Relacao de Clientes</ui:define>
        <ui:define name="titleBody">Relação de Clientes Cadastradas</ui:define>
        <ui:define name="body">
            <h:panelGroup styleClass="painel">
                <h:form>
                    <h:messages />
                    <h2>Clientes</h2>
                    <div id="scrollTabela">
                    <h:dataTable value="#{clienteCtrl.listarClientes()}" var="cliente" width="100%" headerClass="cabecalho" class="table2">
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="CODIGO"/>
                            </f:facet>
                            <h:outputText value="#{cliente.id}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="NOME"/>
                            </f:facet>
                            <h:outputText value="#{cliente.nome}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="CPF"/>
                            </f:facet>
                            <h:outputText value="#{cliente.cpf}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="RG"/>
                            </f:facet>
                            <h:outputText value="#{cliente.rg}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Data de Nascimento"/>
                            </f:facet>
                            <h:outputText value="#{cliente.dataNascimento}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Telefone"/>
                            </f:facet>
                            <h:outputText value="#{cliente.telefone}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Email"/>
                            </f:facet>
                            <h:outputText value="#{cliente.email}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Endereço"/>
                            </f:facet>
                            <h:outputText value="#{cliente.endereco}"/>
                        </h:column>
                         <h:column>
                            <f:facet name="header">
                                <h:outputText value="Funcionário"/>
                            </f:facet>
                            <h:outputText value="#{cliente.funcionario.nome}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="EDITAR"/>
                            </f:facet>
                            <h:commandLink target="cliente" action="alterarCliente">
                                <f:setPropertyActionListener value="#{cliente}" target="#{clienteCtrl.cliente}" />
                                <img src="../resources/imagens/btn_alterar.png" width="35" height="35" style="margin: auto;"></img>
                            </h:commandLink>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="EXCLUIR"/>
                            </f:facet>
                            <h:commandLink actionListener="#{clienteCtrl.excluiCliente(cliente)}">
                                <img src="../resources/imagens/btn_excluir.png" width="35" height="35" style="margin: auto;"></img>
                            </h:commandLink>
                        </h:column>
                    </h:dataTable>
                    </div>
                    <br> </br>
                   
                    <h:commandButton value="Cadastrar Clientes"  action="incluir">
                    </h:commandButton>
                    <br> </br>
                </h:form>
            </h:panelGroup>
        </ui:define>
    </ui:composition>

</html>